layui.use(['form','layer','laydate','table','laytpl','element'],function(){
    var element = layui.element;
    var laydate = layui.laydate;
    var form = layui.form,
        layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laytpl = layui.laytpl,
        table = layui.table;

    var tableIns = table.render({
        elem: '#callListTable' //初始化使用dom id
        ,url : '../json/callList.json'
        ,id : "callListTable"
        ,request: {
            pageName: 'page' //页码的参数名称，默认：page
            ,limitName: 'pageSize' //每页数据量的参数名，默认：limit
        }
        ,response: {
            statusName: 'code' //数据状态的字段名称，默认：code
            ,statusCode: 0 //成功的状态码，默认：0
            ,msgName: 'msg' //状态信息的字段名称，默认：msg
            ,countName: 'count' //数据总数的字段名称，默认：count
            ,dataName: 'data' //数据列表的字段名称，默认：data
        }
        ,loading: true
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,cols: [[ //标题栏
            {field: 'taskName', title: '任务名称', align:'center',width:'20%'},
            {field: 'status', title: '通话状态', align:'center',width:'10%'},
            {field: 'callTime', title: '通话时间', align:'center',width:'20%'},
            {field: 'connetTime', title: '通话时长', align:'center',width:'10%'},
            {field: 'callUser', title: '外呼人', align:'center',width:'10%'},
            {field: 'showNum', title: '主叫号码', align:'center',width:'20%'},
            {title: '操作',templet:'#barDemo',align:"center",width:'10%',event: 'showDetail'}
        ]]
        // ,size:'sm'//小尺寸
        ,page: {
            limit: 10
            ,curr: 1
            ,groups: 5
            ,theme: '#5FB878'
            ,first: '首页'
            ,last: '尾页'
            ,prev: '<em><i class="layui-icon">&#xe603;</i></em>'
            ,next: '<em><i class="layui-icon">&#xe602;</i></em>'
            ,layout: [ 'prev', 'page', 'next', 'skip','count']
        }
        ,done: function(res, curr, count){
            //如果是异步请求数据方式，res即为你接口返回的信息。
            //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
            console.log(res);
            //得到当前页码
            console.log(curr);
            //得到数据总量
            console.log(count);
        },text: {
            none: '暂无相关数据' //默认：无数据。注：该属性为 layui 2.2.5 开始新增
        }
    });


    //监听单元格事件
    table.on('tool(callListTable)', function(obj){
        var data = obj.data;
        if(obj.event === 'showDetail'){
            layer.prompt({
                formType: 2
                ,title: '修改 ID 为 ['+ data.id +'] 的用户签名'
                ,value: data.num
            }, function(value, index){
                layer.close(index);
                //这里一般是发送修改的Ajax请求
                //同步更新表格和缓存对应的值
                obj.update({
                    num: value
                });
            });
        }
    });

});

